<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="obj.css">
</head>
<body>
    <div class="wrap">
        <!-- 首页 -->
        <div id="nav">
            <ul class="h">
                <li class="h_1"></li>
                <li class="h_2"></li>
                <li class="h_3"></li>
                <li class="h_4"></li>
            </ul>
            <ul id="back">
                <li></li>
                <li></li>
                <li></li>
                <li class="show"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul class="type">
                <li><div><span></span><a href="###">ABOUT US</a></div></li>
                <li><div><span></span><a href="###">WORK</a></div></li>
                <li><div><span></span><a href="###">TEAM</a></div></li>
                <li><div><span></span><a href="###">CONTACT</a></div></li>
            </ul>
        </div>
        <!-- header -->
        <div id="header">
            <div class="logo"><a href="#nav"><img src="img/logo.jpg" alt="" /></a></div>
            <ul class="cter">
                <li><span class="span"></span><a href="#about" id="active">ABOUT US</a></li>
                <li><span></span><a href="#work">WORK</a></li>
                <li><span></span><a href="#team">TEAM</a></li>
                <li><span></span><a href="#contact">CONTACT</a></li>
            </ul>
        </div>
        <!-- about us -->
        <div id="about" class="all">
            <div class="atop">
                <img src="img/about_us_bg.jpg" alt="" />
                <div class="context">
                    <div class="inner">
                        <p>Tadpole, A boutique creative house independent enough not to follow.<p/>
                        <p>
                        Founded in 2009, Tadpole stands for a young and vibrant team of over 20 young people with media, 4A advertising, and marketing as <br />well as integrated communication background. Based on their abundant knowledge and unique inspiration, Tadpole provides independent creative and high-quality event solution.</p>
                        <img src="img/con_bg.png" alt="" />
                    </div>
                        <img class="client" src="img/clients_logo.jpg" alt="" />
                </div>

            </div>
        </div>
        <!-- work -->
        <div id="work" class="all">
            <div class="workTop">
                <img src="img/page_work_bg.jpg" alt="" />
                <div class="workContext">
                    <ul>
                        <li><a href="###">CREATIVE</a></li>
                        <li>
                            <a href="###">CONFERENCE</a>
                            <ul class="subfield">
                                <li><a href="###">Dunhill</a></li>
                                <li><a href="###">Ferrari</a></li>
                                <li><a href="###">TAG Heuer</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="###">PARTY</a>
                            <ul class="subfield">
                                <li><a href="###">RayBan 75th</a></li>
                                <li><a href="###">TAG Heuer F1 paty</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="###">ROADSHOW</a>
                            <ul class="subfield">
                                <li><a href="###">MAC IA</a></li>
                                <li><a href="###">Tuborg GreenFest</a></li>
                                <li><a href="###">ugg iapm</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="###">EXHIBITION</a>
                            <ul class="subfield">
                                <li><a href="###">LIXIL</a></li>
                                <li><a href="###">NCAF</a></li>
                                <li><a href="###">Zegna a rose reborn</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="###">DINNER</a>
                            <ul class="subfield">
                                <li><a href="###">Farrari 999</a></li>
                                <li><a href="###">MAC WBB dinner</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        <div class="big">
            <div class="workBottom">
                    <!-- CREATIVE -->
                    <div class="contextLeft">
                            <div>
                                <div class="d"><img src="img/creative/r4-1.jpg" alt="" /></div>
                                <div class="d"><img src="img/creative/r4-2.jpg" alt="" /></div>
                                <div class="d"><img src="img/creative/r4-3.jpg" alt="" /></div>
                                <div class="d"><img src="img/creative/r4-4.jpg" alt="" /></div>
                                <div id="dir">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </div>
                            <div>
                                <div class="d"><img src="img/creative/r3-1.JPG" alt="" /></div>
                                <div class="d"><img src="img/creative/r3-2.JPG" alt="" /></div>
                                <div id="dir"><span></span><span></span></div>
                            </div>
                            <div>
                                <div><img src="img/creative/r2-1.jpg" alt="" /></div>
                            </div>
                            <div>
                                <div class="d"><img src="img/creative/r1-1.jpg" alt="" /></div>
                                <div class="d"><img src="img/creative/r1-2.jpg" alt="" /></div>
                                <div id="dir"><span></span><span></span></div>
                            </div>
                            <div>
                                <div class="d"><img src="img/creative/r5-1.jpg" alt="" /></div>
                                <div class="d"><img src="img/creative/r5-2.jpg" alt="" /></div>
                                <div class="d"><img src="img/creative/r5-4.jpg" alt="" /></div>
                                <div class="d"><img src="img/creative/r5-5.jpg" alt="" /></div>
                                <div id="dir">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </div>
                            <div>
                                    <div><img src="img/creative/r6-1.jpg" alt="" /></div>
                            </div>
                    </div>
                    <div class="contextRight">
                        <div class="rightSub">
                            <div class="f"><img src="img/creative/r4.jpg" alt="" /></div>
                            <div class="f"><img src="img/creative/r3.jpg" alt="" /></div>
                            <div class="f"><img src="img/creative/r2.jpg" alt="" /></div>
                            <div class="f"><img src="img/creative/r1.jpg" alt="" /></div>
                            <div class="f"><img src="img/creative/r5.jpg" alt="" /></div>
                            <div class="f"><img src="img/creative/r6.jpg" alt="" /></div>
                            <div><img src="img/work_right_bg.jpg" alt="" /></div>
                            <div><img src="img/work_right_bg.jpg" alt="" /></div>
                            <div><img src="img/work_right_bg.jpg" alt="" /></div>
                            <div><img src="img/work_right_bg.jpg" alt="" /></div>
                            <div><img src="img/work_right_bg.jpg" alt="" /></div>
                            <div><img src="img/work_right_bg.jpg" alt="" /></div>
                        </div>
                    </div>
            </div>
        </div>
        <div class="big">
                <div class="workBottom">
                    <!-- CONFERENCE -->
                    <div class="contextLeft">
                        <div>
                            <video src="media/lexus.mp4" controls="control"></video>
                        </div>
                    </div>
                    <div class="contextRight">
                            <div class="topSub">
                                <div>
                                    <h4>Dunhill Global Presentation</h4>
                                    <p>Date: Apr , 2012</p>
                                    <p>Loaction: Shanghai</p>
                                    <p>Clients: Dunhill</p>
                                    <p>Description: Combining hologram visual animation and music medley to global idea of four seasons in one day</p>
                                </div>
                            </div>
                    </div>
                </div>
                <div class="workBottom">
                    <!-- CONFERENCE -->
                    <div class="contextLeft">
                        <div>
                            <div class="d"><img src="img/dinner/Farrari1.jpg" alt="" /></div>
                            <div class="d"><img src="img/dinner/Farrari2.JPG" alt="" /></div>
                            <div class="d"><img src="img/dinner/Farrari3.JPG" alt="" /></div>
                            <div class="d"><img src="img/dinner/Farrari4.jpg" alt="" /></div>
                            <div class="d"><img src="img/dinner/Farrari5.JPG" alt="" /></div>
                            <div class="d"><img src="img/dinner/Farrari6.JPG" alt="" /></div>
                            <div id="dir">
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <div class="contextRight">
                            <div class="topSub">
                                <div>
                                    <p>Date: Nov, 2011</p>
                                    <p>Loaction: Shanghai</p>
                                    <p>Clients: Ferrari</p>
                                    <p>Description: Delivered the theme, not only the 1000th, via the concept of inclusiveness of Chinese culture to present the celebration at both sides of the bund of Shanghai.</p>
                                </div>
                            </div>
                    </div>
                </div>
            <div class="workBottom">
                    <!-- CONFERENCE -->
                    <div class="contextLeft">
                        <div>
                            <div class="d"><img src="img/conference/TAG1-6.jpg" alt="" /></div>
                            <div class="d"><img src="img/conference/TAG1-5.jpg" alt="" /></div>
                            <div class="d"><img src="img/conference/TAG1-4.jpg" alt="" /></div>
                            <div class="d"><img src="img/conference/TAG1-3.jpg" alt="" /></div>
                            <div class="d"><img src="img/conference/TAG1-2.jpg" alt="" /></div>
                            <div class="d"><img src="img/conference/TAG1-1.jpg" alt="" /></div>
                            <div id="dir">
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                    </div>
                <div class="contextRight">
                    <div class="topSub">
                        <div>
                            <p>Date: Aug, 2011</p>
                            <p>Location: Beijing</p>
                            <p>Clients: TAG Heuer</p>
                            <p>Description: Tadpole’s idea is to leverage on a photography tour by a well-known urban-cultured figure, Li Jian, whose selected works that are cities representing and brand value related to visually depict LINK’s aspiration.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="big">
            <div class="workBottom">
                    <!-- PARTY -->
                <div class="contextLeft">
                        <div>
                            <div><img src="img/party/l.jpg" alt="" /></div>
                        </div>
                </div>
                <div class="contextRight">
                        <div class="topSub">
                            <div>
                                <p>Date: Oct, 2012</p>
                                <p>Location: Beijing</p>
                            </div>
                        </div>
                </div>
            </div>
            <div class="workBottom">
                    <!-- PARTY -->
                <div class="contextLeft">
                        <div>
                            <div><img src="img/party/u.jpg" alt="" /></div>
                        </div>
                </div>
                <div class="contextRight">
                        <div class="topSub">
                            <div>
                                <p>Date: Apr, 2011</p>
                                <p>Location: Shanghai</p>
                                <p>Clients: TAG Heuer F1 Party</p>
                                <p>Description: Tadpole curated the party in an environment of a giant chic garage with simulator racing hosted by Lewis Hamilton.</p>
                            </div>
                        </div>
                </div>
            </div>
        </div>
    <div class="big">
        <div class="workBottom">
                    <!-- ROADSHOW -->
                <div class="contextLeft">
                    <div>
                        <div class="d"><img src="img/roadshow/MAC_IA1.jpg" alt="" /></div>
                        <div class="d"><img src="img/roadshow/MAC_IA2.jpg" alt="" /></div>
                        <div class="d"><img src="img/roadshow/MAC_IA3.jpg" alt="" /></div>
                        <div class="d"><img src="img/roadshow/MAC_IA4.jpg" alt="" /></div>
                        <div class="d"><img src="img/roadshow/MAC_IA5.jpg" alt="" /></div>
                        <div class="d"><img src="img/roadshow/MAC_IA6.jpg" alt="" /></div>
                        <div id="dir">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                </div>
                <div class="contextRight">
                    <div class="topSub">
                        <div>
                            <p>Date：2014</p>
                            <p>Location：Shanghai/Beijing/Kunming</p>
                        </div>
                    </div>
                </div>
        </div>
        <div class="workBottom">
                <!-- ROADSHOW -->
            <div class="contextLeft">
                <div>
                    <div class="d"><img src="img/roadshow/Tub3.jpg" alt="" /></div>
                    <div class="d"><img src="img/roadshow/Tub2.jpg" alt="" /></div>
                    <div class="d"><img src="img/roadshow/Tub1.jpg" alt="" /></div>
                    <div class="d"><img src="img/roadshow/Tub6.jpg" alt="" /></div>
                    <div class="d"><img src="img/roadshow/Tub5.jpg" alt="" /></div>
                    <div class="d"><img src="img/roadshow/Tub4.jpg" alt="" /></div>
                    <div id="dir">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
            <div class="contextRight">
                    <div class="topSub">
                        <div>
                            <p>Date：2014</p>
                            <p>Location：Shanghai</p>
                            <p>Clients: UGG </p>
                            <p>Description: To Leverage the elements like surfboard, beach and coconut tree, etc. on establishing the atmosphere of California beach to tell the brand story and intro the summer collection.</p>
                        </div>
                    </div>
            </div>
        </div>
        <div class="workBottom">
                <!-- ROADSHOW -->
            <div class="contextLeft">
                <div>
                    <div class="d"><img src="img/roadshow/ugg7.jpg" alt="" /></div>
                    <div class="d"><img src="img/roadshow/ugg6.jpg" alt="" /></div>
                    <div class="d"><img src="img/roadshow/ugg5.jpg" alt="" /></div>
                    <div class="d"><img src="img/roadshow/ugg4.jpg" alt="" /></div>
                    <div class="d"><img src="img/roadshow/ugg3.jpg" alt="" /></div>
                    <div class="d"><img src="img/roadshow/ugg2.jpg" alt="" /></div>
                    <div id="dir">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
            <div class="contextRight">
                    <div class="topSub">
                        <div>
                            <p>Date：2014</p>
                            <p>Location：Shanghai</p>
                            <p>Clients: UGG </p>
                            <p>Description: To Leverage the elements like surfboard, beach and coconut tree, etc. on establishing the atmosphere of California beach to tell the brand story and intro the summer collection.</p>
                        </div>
                    </div>
            </div>
        </div>
    </div>
    <div class="big">
        <div class="workBottom">
                <!-- EXHIBITION -->
            <div class="contextLeft">
                <div>
                    <div class="d"><img src="img/exhibition/LIXIL6.jpg" alt="" /></div>
                    <div class="d"><img src="img/exhibition/LIXIL5.jpg" alt="" /></div>
                    <div class="d"><img src="img/exhibition/LIXIL4.JPG" alt="" /></div>
                    <div class="d"><img src="img/exhibition/LIXIL3.JPG" alt="" /></div>
                    <div class="d"><img src="img/exhibition/LIXIL2.JPG" alt="" /></div>
                    <div class="d"><img src="img/exhibition/LIXIL1.JPG" alt="" /></div>
                    <div id="dir">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
            <div class="contextRight">
                    <div class="topSub">
                        <div>
                            <p>Jun，2010</p>
                            <p>Shanghai</p>
                            <p>Tadpole worked with Shimizu Art Office to turn this street-front showroom plan into a 2-month Bund 3 living art exhibition.</p>
                        </div>
                    </div>
            </div>
        </div>
        <div class="workBottom">
                <!-- EXHIBITION -->
            <div class="contextLeft">
                <div>
                    <div class="d"><img src="img/exhibition/NCAF1.jpg" alt="" /></div>
                    <div class="d"><img src="img/exhibition/NCAF2.jpg" alt="" /></div>
                    <div class="d"><img src="img/exhibition/NCAF3.jpg" alt="" /></div>
                    <div class="d"><img src="img/exhibition/NCAF4.jpg" alt="" /></div>
                    <div class="d"><img src="img/exhibition/NCAF5.jpg" alt="" /></div>
                    <div class="d"><img src="img/exhibition/NCAF6.jpg" alt="" /></div>
                    <div id="dir">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
            <div class="contextRight">
                    <div class="topSub">
                        <div>
                            <p>Jun，2010</p>
                            <p>Shanghai</p>
                            <p>Tadpole worked with Shimizu Art Office to turn this street-front showroom plan into a 2-month Bund 3 living art exhibition.</p>
                        </div>
                    </div>
            </div>
        </div>
        <div class="workBottom">
            <!-- EXHIBITION -->
            <div class="contextLeft">
                <div>
                    <div class="d"><img src="img/exhibition/Zegna1.JPG" alt="" /></div>
                    <div class="d"><img src="img/exhibition/Zegna2.JPG" alt="" /></div>
                    <div class="d"><img src="img/exhibition/Zegna3.JPG" alt="" /></div>
                    <div class="d"><img src="img/exhibition/Zegna4.JPG" alt="" /></div>
                    <div class="d"><img src="img/exhibition/Zegna5.JPG" alt="" /></div>
                    <div class="d"><img src="img/exhibition/Zegna6.JPG" alt="" /></div>
                    <div id="dir">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
            <div class="contextRight">
                    <div class="topSub">
                        <div>
                            <p>Date: Oct, 2014</p>
                            <p>Location: Shanghai</p>
                            <p>Description: In order to enhance the film and brand awareness, Tadpole team simulates the scene of the film.</p>
                        </div>
                    </div>
            </div>
        </div>
    </div>
    <div class="big">
            <div class="workBottom">
                <!-- DINNER -->
                <div class="contextLeft">
                    <div>
                        <div class="d"><img src="img/conference/dun1.jpg" alt="" /></div>
                        <div class="d"><img src="img/conference/dun2.jpg" alt="" /></div>
                        <div class="d"><img src="img/conference/dun3.jpg" alt="" /></div>
                        <div class="d"><img src="img/conference/dun4.jpg" alt="" /></div>
                        <div class="d"><img src="img/conference/dun5.jpg" alt="" /></div>
                        <div id="dir">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                </div>
                <div class="contextRight">
                        <div class="topSub">
                            <div>
                                <p>Date: Nov, 2011</p>
                                <p>Loaction: Shanghai</p>
                                <p>Clients: Ferrari</p>
                                <p>Description: Delivered the theme, not only the 1000th, via the concept of inclusiveness of Chinese culture to present the celebration at both sides of the bund of Shanghai.</p>
                            </div>
                        </div>
                </div>
        </div>
            <div class="workBottom">
                    <!-- DINNER -->
                <div class="contextLeft">
                    <div>
                        <div class="d"><img src="img/conference/fer2.jpg" alt="" /></div>
                        <div class="d"><img src="img/conference/fer3.jpg" alt="" /></div>
                        <div class="d"><img src="img/conference/fer4.jpg" alt="" /></div>
                        <div class="d"><img src="img/conference/fer5.jpg" alt="" /></div>
                        <div class="d"><img src="img/conference/fer6.jpg" alt="" /></div>
                        <div id="dir">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                </div>
                <div class="contextRight">
                    <div class="topSub">
                        <div>
                            <p>Date: Jan, 2015, </p>
                            <p>Location: Beijing, </p>
                            <p>Clients: MAC</p>
                            <p>Description: Based on good coordination ability and rich experience for big event of Tadpole team, guests who are famous from fashion industry, entertainment industry, art and financial cycles, etc. have clearly understood the collections feature and brand culture under ordered event flow.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <!-- team -->
        <div id="team" class="all">
            <div class="teamleft">
                <ul class="teamimg">
                    <li>
                        <img src="img/Seb Ls.jpg" alt="" />
                        <div class="block">
                            <p>Managing Partner</p>
                            <p>Sebastian Liang</p>
                        </div>
                    </li>
                    <li>
                        <img src="img/Harry Cs.jpg" alt="" />
                        <div class="block">
                            <p>Executive Partner</p>
                            <p>Harry Cai</p>
                        </div>
                    </li>
                    <li>
                        <img src="img/Sam Hs.jpg" alt="" />
                        <div class="block">
                            <p>Creative Partner</p>
                            <p>Sam Han</p>
                        </div>
                    </li>
                    <li>
                        <img src="img/Kim Ws.jpg" alt="" />
                        <div class="block">
                            <p>Account Director</p>
                            <p>Kim Wang</p>
                        </div>
                    </li>
                    <li>
                        <img src="img/David Xs.jpg" alt="" />
                        <div class="block">
                            <p>Senior Account Director</p>
                            <p>David Hsu</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="teamright">
                <img src="img/team_bg.jpg" alt="" />
                <h2>J O I N　U S</h2>
                <div class="teamWrap">
                    <div class="teamContext">
                        <h4>3D designer</h4>
                        <h5>Responsibilities：</h5>
                        <p>-Assist to modeling and establish 3D model draft</p>
                        <p>-Assist to establish measurement chart of project.</p>
                        <p>-Assist designer to pre-development of creative concept.</p>
                        <p>-Assist and response to commercial showroom design and complete the proposal with team members.</p>
                        <p>-Participate in production processing with senior designer in the post-execution period of the project.</p>
                        <h5>Essential Experience and Skills Required:</h5>
                        <p>-Major in Architecture, interior or outdoor design, decoration design and environment design or related courses (architecture and environment design will be preferred).</p>
                        <p>-Good at painting and space planning.</p>
                        <p>-Advanced user of 3D software including AUTOCAD, 3DSMAX/MAYA and SKETCHUP.</p>
                        <p>-Good controlling with dimension and proportion.</p>
                        <p>-Strong communication and team work capabilities.</p>
                        <h4>Account manager</h4>
                        <h5>Responsibilities：</h5>
                        <p>Cooperate with creative team to develop project ideas and make execution plan after in-depth understanding of clients’ demands.</p>
                        <p>Project quality control and time management.</p>
                        <p>Project related sources integration and communicate with third parties and clients.</p>
                        <p>Project cost and risk control.</p>
                        <p>Improve team members’ working capacities and skills.</p>
                        <p>Clients retaining.</p>
                        <h5>Essential Experience and Skills Required:</h5>
                        <p>Major in marketing and advertising or related courses.</p>
                        <p>Excellent communication, overall planning and execution capacities as well as highly responsibilities and reaction capabilities.</p>
                        <p>More than 3 years experienced in marketing or project execution.</p>
                        <p>More than 2 years experienced in account service and retaining.</p>
                        <p>Basic financial and sales management knowledge.</p>
                        <p>Advanced users of OS system and Microsoft Office suite including Microsoft</p>
                        <h4>Account executive</h4>
                        <h5>Responsibilities: </h5>
                        <p>Project execution under management of account manager.</p>
                        <p>Business development and integration.</p>
                        <p>Account service and retaining.</p>
                        <p>Have professional skill and knowledge and share them with team members.</p>
                        <h5>Essential Experience and Skills Required:</h5>
                        <p>Understand advertising industry and familiar with execution flow as well as third party management.</p>
                        <p>Working under pressure and have responsibilities.</p>
                        <p>Well organized and carefulness.</p>
                        <p>Occupation ethic.</p>
                        <p>Good English capability.</p>
                        <p>College degree or above (bachelor degree will be preferred).</p>
                        <p>More than 4 years working experience.</p>
                        <p>Experienced in serving international clients will be preferred.</p>
                        <h4>Senior art director</h4>
                        <h5>Responsibilities：</h5>
                        <p>To develop creative concept following with project request under the basis of understanding brand background.</p>
                        <p>Lead team to finish visual and space design according to creative concept and strategy.</p>
                        <p>Project quality control and time management.</p>
                        <p>Improve team members’ working capabilities and skills, and evaluate team members’ KPI as well.To develop creative concept following with project request under the basis of understanding brand background.</p>
                        <p>Lead team to finish visual and space design according to creative concept and strategy.</p>
                        <p>Project quality control and time management.</p>
                        <p>Improve team members’ working capabilities and skills, and evaluate team members’ KPI as well.</p>
                        <h5>Essential Experience and Skills Required:</h5>
                        <p>Advanced user of OS system and Adobe suits including PS, AI and ID, etc.</p>
                        <p>Basic production, printing, marketing and communication knowledge with highly aesthetic and art awareness.</p>
                        <p>More than 3 years experienced in BTL event and familiar with event flow.</p>
                        <p>Basic copying and planning skills.</p>
                        <p>Follow fashion trends and understand new media and technology in some extent.</p>
                        <p>Experienced in VM/EPR will be preferred.</p>
                        <h5>Join us</h5>
                        <p>karen.huang@tadpoleshanghai.com</p>
                        <p>021-62716992-8031</p>
                    </div>
                        <img class="conbg" src="img/con_bg.png" style="width:100%; height:30%" alt="" />
                        <div class="scr"><div class="move"></div></div>
                </div>
            </div>
        </div>
        <!-- contact -->
        <div id="contact" class="all">
                <img id="map" src="img/map.jpg" style="width:30%;height:50%" alt="" />
                <img src="img/contact_bg.jpg" alt="" />
                <div class="carch">
                    <ul>
                        <li>C O N T A C T　U S</li>
                        <li>
                            <p>SHANGHAI</p>
                            <div>
                                <div>#201, Block 10, 652 Changshou RoadShanghai, China, 200060</div>
                                <p>t: (8621) 3469 0982</p>
                                <p>(8621) 6271 6992 x 8998</p>
                                <p>f: (8621) 6271 6992 x 8866</p>
                            </div>
                        </li>
                        <li>
                            <p>BEIJING</p>
                            <div>
                                <div>Rm 803, #6, 89 Jianguo Road, Chaoyang, Beijing, China, 100025</div>
                                <p>t: (8621) 6533 1915</p>
                            </div>
                        </li>
                    </ul>
                    <div>
                        <img src="img/con_bg.png" alt="" />
                    </div>
                </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="obj.js"></script>
</html>